<!DOCTYPE html>
<html lang="en">
     <head>
     <title>Contacts</title>
     <meta charset="utf-8">
     <meta name = "format-detection" content = "telephone=no" />
     <link rel="icon" href="images/favicon.ico" type="image/x-icon">
     <link rel="stylesheet" href="css/style.css">
     <link rel="stylesheet" href="css/font-awesome.min.css">
     <link rel="stylesheet" href="css/stuck.css">
     <link rel="stylesheet" href="css/contact-form.css" media="screen">
     <script src="js/jquery-1.11.1.min.js"></script>
     <script src="js/jquery-migrate-1.2.1.js"></script>
     <script src="js/jquery.easing.1.3.js"></script>
     <script src="js/jquery.ui.totop.js"></script>
     <script src="js/jquery.equalheights.js"></script>
	 <script src="js/script.js"></script>
     <script src="js/superfish.js"></script>
     <script src="js/jquery.mobilemenu.js"></script>
     <script src="js/tmStickUp.js"></script>
     <script src="js/TMForm.js"></script>
     <script src="js/modal.js"></script> 
     <!--[if lt IE 8]>
       <div style=' clear: both; text-align:center; position: relative;'>
         <a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
           <img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
         </a>
      </div>
    <![endif]-->
    <!--[if lt IE 9]>
   		<script src="js/html5shiv.js"></script>
    	<link rel="stylesheet" type="text/css" media="screen" href="css/ie.css">
    <![endif]-->
     </head>
     <body>
<!--============================== Header =================================-->
<header>
    <div class="header_bg"></div>
    <div class="header_bg-img header_bg-img_sub"></div>
    <div class="container">
        <h1><a href="index.html"><img src="images/logo.png" alt="Brand Logo"></a></h1>
        <div class="social">
            <ul>
                <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
                <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                <li><a href="#"><i class="fa fa-pinterest"></i></a></li>
                <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
            </ul>
        </div>
        <div class="menu-sep"></div>
        <div class="search">
            <form id="search" action="search.php" method="GET" accept-charset="utf-8">
                <label>
                   <input type="text" name="s" value="" onblur="if(this.value == '') { this.value=''}" onfocus="if (this.value == '') {this.value=''}" />
                   <a onclick="document.getElementById('search').submit()"><i class="fa fa-search"></i></a>                        
                </label>
            </form>
        </div>
    </div>
    <div id="stuck_container">
        <div class="menu_bg"></div>
        <div class="container menu">
            <ul class="sf-menu">
                <li class="sf-first">
                    <div class="sf-menu_effect_wrapper">
                        <div class="sf-menu_effect"></div>
                    </div>
                    <a href="index.html">About</a>
                </li>
                <li>
                    <div class="sf-menu_effect_wrapper">
                        <div class="sf-menu_effect"></div>
                    </div>
                    <a href="index-1.html">Motivators</a>
                </li>
                <li>
                    <div class="sf-menu_effect_wrapper">
                        <div class="sf-menu_effect"></div>
                    </div>
                    <a href="index-2.html">Products</a>                   
                    <ul>
                        <li><a href="#">Vestibulum iaculis</a></li>
                        <li><a href="#">Fusce euismod conuat</a>
                            <ul>
                                <li><a href="#">Pellentesque sed</a></li>
                                <li><a href="#">Aliquam congue ferm</a></li>
                                <li><a href="#">Mauris accum</a></li>
                            </ul>
                        </li>
                        <li><a href="#">Pellentesque</a>
                   </ul>
                </li>
                <li>
                    <div class="sf-menu_effect_wrapper">
                        <div class="sf-menu_effect"></div>
                    </div>
                    <a href="index-3.html">FAQ</a> 
                </li>
                <li class="current">
                    <div class="sf-menu_effect_wrapper">
                        <div class="sf-menu_effect"></div>
                    </div>
                    <a href="index-4.html">Contacts</a>
                </li>
                <li>
                    <div class="sf-menu_effect_wrapper">
                        <div class="sf-menu_effect"></div>
                    </div>
                    <a href="index-5.html">Blog</a>
                </li>
            </ul>
            <ul class="login-menu login-menu__sub">
                <li><a href="#">login</a></li>
                <li><a href="#">help</a></li>
                <li><a href="#">newsletter signup</a></li>
            </ul>
        </div>        
    </div>
</header>

<!--======= Content ================================-->


<!--======= Contact & Feedback =======-->
<div class="content contact">
    <div class="container">
        <h3>contact information</h3>
        <div class="map">
            <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d24214.807650104907!2d-73.94846048422478!3d40.65521573400813!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sen!2sus!4v1395650655094" style="border:0"></iframe>
        </div>
        <div class="row">
            <div class="grid_4">
                <div class="contact_details">
                    <p class="adrress">8901 Marmora Road,<br>Glasgow, D04 89GR.</p>
                    <p><span>Freephone:</span>+1 800 559 6580</p>
                    <p><span>Telephone:</span>+1 800 603 6035</p>
                    <p><span>FAX:</span>+1 800 889 9898 </p>
                    <p class="mail"><span>E-mail:</span> <a href="mailto:mail@demolink.org">mail@demolink.org</a></p>
                </div>
            </div>
            <div class="grid_8">
                <form id="contact-form">
                  <div class="contact-form-loader"></div>
                  <fieldset>
                    <label class="name">
                      <input type="text" name="name" placeholder="Name:" value="" data-constraints="@Required @JustLetters"  />
                      <span class="empty-message">*This field is required.</span>
                      <span class="error-message">*This is not a valid name.</span>
                    </label>
                    <label class="email">
                      <input type="text" name="email" placeholder="Email:" value="" data-constraints="@Required @Email" />
                      <span class="empty-message">*This field is required.</span>
                      <span class="error-message">*This is not a valid email.</span>
                    </label>
                    <label class="phone">
                      <input type="text" name="phone" placeholder="Phone:" value="" data-constraints="@Required @JustNumbers" />
                      <span class="empty-message">*This field is required.</span>
                      <span class="error-message">*This is not a valid phone.</span>
                    </label>
                    <label class="message">
                      <textarea name="message" placeholder="Message:" data-constraints='@Required @Length(min=20,max=999999)'></textarea>
                      <span class="empty-message">*This field is required.</span>
                      <span class="error-message">*The message is too short.</span>
                    </label>
                    <div class="btn-feedback">                   
                        <a href="#" class="link" data-type="reset">
                            <span class="link_text">Clear</span>
                            <span class="link_arrow">>></span>
                        </a>
                        <a href="#" class="link" data-type="submit">
                            <span class="link_text">Send</span>
                            <span class="link_arrow">>></span>
                        </a>
                    </div>
                  </fieldset> 
                  <div class="modal fade response-message">
                    <div class="modal-dialog">
                      <div class="modal-content">
                        <div class="modal-header">
                          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                          <h4 class="modal-title">Modal title</h4>
                        </div>
                        <div class="modal-body">
                          You message has been sent! We will be in touch soon.
                        </div>      
                      </div>
                    </div>
                  </div>
                </form>
            </div>
        </div>
    </div>
</div>



<!--======= Footer =================================-->

<footer>
    <div class="info-col">
        <div class="container">
            <div class="row">
                <div class="grid_3">
                    <ul>
                        <li><h4>About us</h4></li>
                        <li><a href="index.html">About</a></li>
                        <li><a href="index-1.html">Motivators</a></li>
                        <li><a href="index-2.html">Products</a></li>
                        <li><a href="index-3.html">FAQ</a></li>
                        <li class="current"><a href="index-4.html">Contacts</a></li>
                        <li><a href="index-5.html">Blog</a></li>                         
                    </ul>
                </div>
                <div class="grid_4 preffix_1">
                    <ul>
                        <li><h4>Find more</h4></li>
                        <li><a href="#">Print this page</a></li>
                        <li><a href="#">YouTube Channel</a></li>
                        <li><a href="#">Formatted for iPhone</a></li>
                        <li><a href="#">Formatted for other mobile devices</a></li>
                        <li><a href="#">Special Features</a></li>
                        <li><a href="#">Make a donation</a></li>                        
                    </ul>
                </div>
                <div class="grid_3 preffix_1">
                    <h4>Get it touch</h4>
                    <p>8901 Marmora Road</p>
                    <p>Glasgow, DO4 89GR.</p>
                    <p><span>Freephone:</span>+1 800 559 6580</p>
                    <p><span>Telephone:</span>+1 959 603 6035</p>
                    <p><span>FAX:</span>+ 1 504 889 9898</p>
                    <p class="mail">E-mail: <a href="mailto:mail@demolink.org">mail@demolink.org</a></p>
                </div>
            </div>            
        </div>
    </div>
    <div class="pr-policy">
        <span>The Daily Motivator </span>
        &copy;
        <span id="copyright-year"> </span> 
        <a href="index-6.html"> Privacy Policy</a>
    </div>          
</footer>

<!--======= To Top Button =================================-->
<a href="#" id="toTop">
    <i class="fa fa-arrow-circle-up"></i>
</a>

</body>
</html>